/** Styles* * @package Estatik Calculator* @subpackage CSS**/.es_calc_container {	color: #8b8b8b;	font-family: 'Open Sans', Arial, sans-serif;	margin: 20px 0;}.es_calc_container,.es_calc_percent {	font-size: 13px;}.es_calc_error_info {	color: #FF0000;	display: none;}.es_calc_hidden_option {	display: none;}.es_calc_form {	border-radius: 0px 0px 5px 5px;	-moz-border-radius: 0px 0px 5px 5px;	-webkit-border-radius: 0px 0px 5px 5px;		border: 1px solid #f0f0f0;	border-top: none;	padding: 0 20px;}.es_calc_form input {	border-radius: 2px;	-moz-border-radius: 2px;	-webkit-border-radius: 2px;	background-color: #FFF;	border: none;	color: #1d1d1d;	height: 35px;	width: calc(100% - 105px);}.es_calc_form input:focus {	border: 1px solid #c7c7c7;}.es_calc_form input.es_calc_submit {	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	background-color: #FFF;	/*border: 1px solid #ff9600;*/	color: #000;	font-weight: 300;	height: 36px;	line-height: 36px;	margin: 15px 0;	outline:none;	padding: 0;	text-transform: none;	width: 100%;}.es_calc_form input.es_calc_submit:hover {	/*background-color: #ff9600;*/	color: #FFF;}.es_calc_form input.es_calc_submit.active,.es_calc_form input.es_calc_submit.active:hover {	background-color: #ff5400;	border-color: #ff5400;}.es_calc_option {	padding-top: 15px;	/*padding: 15px 0;*/}.es_calc_option_arrow {	border-top: 5px solid transparent;	border-bottom: 5px solid transparent;   	border-right: 5px solid #f0f0f0; 	height: 0;     left: -5px;    position: absolute;    top: 9px;	width: 0; }.es_calc_option_info {	border-radius: 2px;	-moz-border-radius: 2px;	-webkit-border-radius: 2px;	background-color: #f0f0f0; 	display: none;	font-size: 10px;	left: calc(100% + 10px);	padding: 10px 15px;	position: absolute;	top: -5px;	width: 160px;	z-index: 5;}.es_calc_option_info_icon {	background: url('../images/info.png') no-repeat;	background-size: cover;	cursor: pointer;	height: 15px;	margin-bottom: -2px;	margin-left: 7px;	position: relative;	width: 15px;}.es_calc_option_info_icon,.es_calc_option_name {	display: inline-block;}.es_calc_option_info_icon:hover {	background: url('../images/info_hover.png') no-repeat;}.es_calc_option_info_icon:hover .es_calc_option_info {	display: block;}.es_calc_option_title {	width: 100%;}.es_calc_currency,.es_calc_percent {	font-size: 12px;}.es_calc_container input {	font-size: 14px;	width: 49%;}.es_calc_percent {	display: inline-block;	float: right;	line-height: 35px;}.es_calc_percent span {	color: #1d1d1d;	margin-right: 7px;}.es_calc_title {	border-radius: 5px 5px 0px 0px;	-moz-border-radius: 5px 5px 0px 0px;	-webkit-border-radius: 5px 5px 0px 0px;	border: none;	color: #FFF;	font-size: 18px;	height: 70px;	line-height: 70px;	margin: 0;	padding: 0 10px;	text-align: center;}.es_calc_container .irs {	margin-top: 11px;}.es_calc_container .irs-line {	width: 100%;}.es_calc_container .irs-bar {	left: 0 !important;}.es_calc_container .irs-line {	background: #F0F0F0;}.es_calc_container .irs-line.error {	background: #FF0000;}.es_calc_container .irs-bar, .es_calc_container .irs-bar-edge, .es_calc_container .irs-line-left, .es_calc_container .irs-line-mid, .es_calc_container .irs-line-right, .es_calc_container .irs-slider {	background-image: none;}.es_calc_container .irs-line-mid {	left: 0;	width: 100%;}.es_calc_container .irs-line-right {	background: #FFF;}.es_calc_container .irs-from, .es_calc_container .irs-min, .es_calc_container .irs-max, .es_calc_container .irs-single, .es_calc_container .irs-to, .es_calc_container .irs-bar-edge { 	display: none; }.es_calc_container .irs-bar, .es_calc_container .irs-slider {	background-image: none;}.es_calc_container .irs-bar, .es_calc_container .irs-bar-edge, .es_calc_container .irs-line {	height: 1px;}.es_calc_container .irs-slider {	border-bottom-style: solid;	border-bottom-width: 15px;	border-left: 10px solid transparent;	border-right: 10px solid transparent;	height: 0; 	margin-left: -10px;	margin-top: 3px;	width: 0; }.es_calc_overlay {	background: rgba(0, 0, 0, 0.5);	bottom: 0;	display: none;	left: 0;	position: fixed;	right: 0;	top: 0;	z-index: 9;}.es_calc_popup {	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	-webkit-transform: translate(-50%) translateY(-50%);	-moz-transform: translate(-50%) translateY(-50%);	-ms-transform: translate(-50%) translateY(-50%);	-o-transform: translate(-50%) translateY(-50%);	transform: translateX(-50%) translateY(-50%);	background-color: #FFF;	border: none;	left: 50%;	max-height: 100%;	max-width: 100%;	padding: 40px;	position: absolute;	top: 50%;	width: 550px;}.es_calc_popup h1 {	color: #202020;	font-size: 18px;	font-weight: normal;	margin: 0;}.es_calc_popup h2 {	font-size: 26px;	font-weight: bold;}.es_calc_popup hr {	border-bottom: 1px solid #f0f0f0;	display: block;	margin: 10px 0;	max-width: 100%;	width: 250px;}.es_calc_popup_close {	background: url('../images/close.png');	background-size: cover;	cursor: pointer;	height: 15px;	right: 20px;	position: absolute;	top: 20px;	width: 15px;}.es_calc_popup_close:hover {	background-image: url('../images/close_hover.png');}.es_calc_popup_graph h1 {	text-align: center;}.es_calc_popup_graph h2 {	-webkit-transform: translate(-50%) translateY(-50%);	-moz-transform: translate(-50%) translateY(-50%);	-ms-transform: translate(-50%) translateY(-50%);	-o-transform: translate(-50%) translateY(-50%);	transform: translateX(-50%) translateY(-50%);	border: none;	color: #202020;	left: 50%;	/*left: calc(50% - 40px);*/	margin: 0;	position: absolute;	top: 50%;	z-index: 9;}.es_calc_popup_graph hr {	margin-bottom: 50px;	width: 100%;}.es_calc_popup_graph .es_calc_chart_container {	position: relative;	width: 70%;}.es_calc_popup_graph .es_calc_chart_container,.es_calc_popup_graph .es_calc_numbers {	float: left;}.es_calc_popup_graph .es_calc_numbers {	width: 30%;}.es_calc_popup_graph .es_calc_result_container {	border-left-style: solid;	border-left-width: 3px;	padding-left: 15px;}.es_calc_popup_graph .es_calc_result_container#es_calc_home_price_container {	border-left-color: #ff5400;}.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {    stroke: #ff5400;}.es_calc_popup_graph .es_calc_result_container#es_calc_home_insurance_container {    border-left-color: #ff9600;}.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {    stroke: #ff9600;}.es_calc_popup_graph .es_calc_result_container#es_calc_property_tax_container {    border-left-color: #ffde00;}.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {    stroke: #ffde00;}.es_calc_popup_graph .es_calc_result_container#es_calc_interest_container {	border-left-color: #60d401;}.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {    stroke: #60d401;}.es_calc_popup_graph .es_calc_result_container#es_calc_pmi_container {	border-left-color: #25f55b;}.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {    stroke: #25f55b;}.es_calc_popup_text {	background: #FFF url('../images/popup_bg.png') no-repeat 330px 0;	background-size: cover;	height: 380px;}.es_calc_rangeslider_container {	margin-top: -12px;	width: 105%;}.es_calc_result_container {	color: #202020;    margin: 13px 0;}.es_calc_result_title {	font-size: 13px;}.es_calc_result_value {	font-size: 13px;	font-weight: bold;}#es_calc_chart {	display: block;	margin: 0 20px;}/************** Horizontal layout ***************/.layout_horizontal {	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}/*.layout_horizontal .es_calc_currency:before: {	content: ', ';}.layout_horizontal .es_calc_currency:after: {	content: ': ';}*/.layout_horizontal .es_calc_form {	display: flex;	flex-wrap: wrap;	/*justify-content: center;*/	padding: 5px;}.layout_horizontal .es_calc_form input.es_calc_submit {	margin: 30px 5px;}.layout_horizontal .es_calc_percent {	/*float: left;*/	font-size: 13px;}.layout_horizontal .irs-line {	top: 6px;}.layout_horizontal .es_calc_currency {	float: left;	height: 35px;	line-height: 35px;}.layout_horizontal .es_calc_form input.es_calc_submit,.layout_horizontal .es_calc_option {	width: calc(33.3% - 10px);}.layout_horizontal .es_calc_input {	font-size: 13px;	width: 40px;}.layout_horizontal #es_calc_purchase_price {	width: 80px;}.layout_horizontal .es_calc_option {	margin: 5px;	padding: 15px 9px;	position: relative;	width: calc(33.3% - 10px);}.layout_horizontal .es_calc_option_title {	height: 35px;	line-height: 35px;	width: auto;}.layout_horizontal .es_calc_option_info_icon {	position: absolute;	right: 5px;    top: 5px;}.layout_horizontal .es_calc_option_title {	float: left;	/*position: relative;*/}.layout_horizontal .es_calc_rangeslider_container {	margin-top: -30px;}/************** Responsive ***************/@media (max-width: 736px) {	.layout_horizontal .es_calc_form input.es_calc_submit,	.layout_horizontal .es_calc_option {		width: calc(50% - 10px);	}	.es_calc_popup {		padding: 20px;	}	.es_calc_popup_graph h1 {		padding-bottom: 0;	}	.es_calc_popup h2 {		font-size: 20px;	}	.es_calc_popup_close {		top: 10px;		right: 10px;	}	.es_calc_popup_graph hr {		margin-bottom: 10px; 	}	body .es_calc_result_container {		line-height: 1em;	}	.es_calc_popup_graph .es_calc_chart_container,	.es_calc_popup_graph .es_calc_chart {		max-height: 200px;	}}@media (max-width: 414px) {	.layout_horizontal .es_calc_form input.es_calc_submit,	.layout_horizontal .es_calc_option {		margin: 10px 0;		width: 100%;	}	.es_calc_popup_text {		background-image: none;	}	.es_calc_chart_container,	.es_calc_popup_graph .es_calc_chart_container,	.es_calc_popup_graph .es_calc_numbers,	.es_calc_popup hr {		width: 100%;	}	.es_calc_popup_graph .es_calc_chart_container, 	.es_calc_popup_graph .es_calc_numbers {		float: none;	}	.es_calc_popup_graph .es_calc_result_container {		float: left;		width: 50%;	}}